<template>
  <div id="app">
    <div class="index-title" id="my-project">
      我的项目
    </div>
    <hr>
    <div class="index-body">
      <myProject></myProject>
    </div>

    <div class="index-title" id="my-teamwork">
      我的合作
    </div>
    <hr>
    <div class="index-body">
      Loading...
    </div>

    <div class="index-title" id="my-resource">
      我的资源
    </div>
    <hr>
    <div class="index-body">
      Loading...
    </div>
  </div>
</template>

<script>
import myProject from "@/components/molecule/userhome/my-project.vue"
export default {
  name: "indexbody",
  components: {
    myProject
  }
}
</script>

<style scoped lang="less">
@width: 59%;

#app {
  width: @width;


  .index-title {
    background: #69136A;
    color: whitesmoke;
    width: fit-content;
    padding: 6px 13px;
    border-radius: 20px;
    margin: 20px 0px;
  }
}
</style>